/*base*/
body,html,div,p,table,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol,li,dl,dt,dd{list-style:none;}
img,a{border:none;}
em,i{font-style:normal;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:active{background:rgba(1,148,225,0.2);}
body{font-family:"微软雅黑",Arial,Helvetica;font-weight:normal;text-shadow:none;background:#f0f0f0;width:100%;height:100%;position:relative;}
.clear{width:0px;height:0px;font-size:0px;line-height:0px;clear:both;overflow:hidden;}

/*页面框架*/
#web_wrap{
	-webkit-transform-origin:top;
	transform-origin:top;
	width:320px;
	margin:0px auto;
	position:relative;
	/*-webkit-transition:0.3s;
	-ms-transition:0.3s;
	-moz-transition:0.3s;
	transition:0.3s;
	right:0px;*/
}

/*页面内容*/
.container{width:320px;margin:0px auto;position:relative;}

.bg_box{width:320px;min-height:625px;background:#3c4b55 url(../images/bg02.jpg) center top no-repeat;background-size:320px auto;position:relative;}
.bg_box .rule{display:block;width:67px;height:20px;background:#fff;border:1px solid #37bc9b;border-radius:5px;text-align:center;padding:2px 0px 1px 0px;font-size:14px;color:#37bc9b;float:right;margin-top:20px;margin-right:10px;}
.bg_box .rule:active{background:#1cfcc4;}

.rulecon{width:100%;min-height:500px;background:#eeeeee;position:relative;float:left;margin-top:180px;padding-bottom:100px;}
.rulecon h3{font-size:18px;width:100%;text-align:center;margin-top:20px;font-weight:normal;}
.rulecon p{width:280px;margin-left:20px;font-size:12px;color:#111;line-height:22px;margin-top:20px;}
.rulecon p em{color:#37bc9b;}
.rulecon .coderule{width:80%;margin:10px auto;display:block;border-radius:5px;}
.icepic{position:absolute;left:15px;top:-20px;width:39px;}

.game_user{position:absolute;top:220px;}
.game_user_box{width:60px;text-align:center;position:absolute;}
.game_user_box p{width:100%;text-align:center;font-size:12px;background:#ff8b00;color:#fff;border-radius:10px;padding:1px 0px;position:absolute;margin-top:-20px;-webkit-transform:scale(0.8);}
.game_user_box img{display:inline-block;width:40px;border-radius:50%;border:2px solid #fff;}
.user1{left:35px;top:-5px;}
.user2{left:130px;top:-5px;}
.user3{left:220px;top:-5px;}
.user4{left:80px;top:25px;}
.user5{left:178px;top:25px;}

.game_info{color:#fff;font-size:14px;text-align:center;position:absolute;top:325px;}
.game_info p{display:inline-block;width:100%;text-align:center;line-height:20px;letter-spacing:1px;}
.game_info em{color:#ff8b00;font-size:18px;}
.game_info .again{display:inline-block;width:180px;height:43px;background:#ffa800;line-height:43px;text-align:center;color:#fff;border-radius:5px;margin-top:25px;}
.game_info .again:active{background:#ffd800;}

.game_info .event_over{padding:5px;border:1px solid #ffa800;width:230px;margin-top:10px;color:#ffa800;}

.game_info .playtoo{display:inline-block;width:110px;height:43px;background:#ffa800;line-height:43px;text-align:center;color:#fff;border-radius:5px;margin-top:25px;}
.game_info .playtoo:nth-of-type(1){background:#fd6530;margin-right:15px;}

.game_info h5{color:#37bc9b;font-size:16px;margin-top:5px;}
.game_info h5 a{color:#37bc9b;}
.game_info h5 i{display:inline-block;width:16px;height:13px;background:url(../images/icon.png) 0px -160px no-repeat;background-size:499px auto;margin-right:5px;}

.ranking{width:288px;min-height:300px;background:rgba(76,93,105,0.7);border:1px solid #61bc62;border-radius:10px;float:left;margin-top:460px;margin-left:15px;position:relative;padding-bottom:20px;}
.ranking_winners{border:1px solid #ffd52b;}
.ranking_title{width:201px;height:36px;background:url(../images/icon.png) 0px 0px no-repeat;background-size:500px auto;font-size:18px;color:#fff;text-align:center;position:absolute;left:40px;top:-11px;}
.winners{background:url(../images/icon.png) -232px 0px no-repeat;background-size:500px auto;}
.ranking h4{font-size:12px;color:#fff;width:100%;text-align:center;position:absolute;top:30px;letter-spacing:1px;font-weight:normal;}
.ranking h4 em{color:#ffa800;}

.noranking{padding-bottom:120px;padding-top:30px;text-align:center;width:280px;margin:0px auto;border-radius:10px;}
.noranking h3{color:#37bc9b;font-size:18px;}
.noranking p{color:#fff;font-size:14px;text-align:left;width:280px;line-height:24px;margin-top:10px;width:100%;}
.noranking p em{color:#37bc9b;}
.noranking span{color:#c9c9c9;font-size:12px;text-align:left;display:inline-block;width:280px;}

.nameline{width:270px;margin:0px auto;margin-top:10px;}
.nameline .num1{width:22px;height:27px;background:url(../images/icon.png) 0px -67px no-repeat;background-size:500px auto;font-size:12px;color:#fff;text-align:center;line-height:32px;float:left;margin-top:8px;}
.nameline .num2{width:22px;height:27px;background:url(../images/icon.png) 0px -104px no-repeat;background-size:500px auto;font-size:12px;color:#a3a2a2;text-align:center;line-height:32px;float:left;margin-top:8px;}
.nameline .num3{width:22px;height:27px;background:url(../images/icon.png) 0px -67px no-repeat;background-size:500px auto;font-size:12px;color:#fff;text-align:center;line-height:32px;float:left;margin-top:8px;}
.nameline .num{width:20px;height:20px;font-size:12px;color:#fff;text-align:center;line-height:20px;float:left;margin-top:10px;border:1px solid #e4aa4e;border-radius:50%;}
.nameline img{float:left;width:41px;border-radius:50%;margin-left:10px;}
.nameline .name{float:left;color:#fff;font-size:14px;line-height:41px;margin-left:15px;}
.nameline .km{float:right;color:#fff;font-size:14px;line-height:41px;margin-right:5px;}


.footer{width:100%;height:99px;background:url(../images/footer_bg.png) center top no-repeat;background-size:320px auto;color:#858585;text-align:center;position:absolute;bottom:0px;}
.footer_text{position:absolute;top:35px;font-size:10px;}
.footer p{display:inline-block;width:100%;text-align:center;}

.suibianDL{width:320px;height:43px;background:#fff;position:relative;z-index:10;}
.suibianDL_left{float:left;width:180px;margin-top:3px;margin-left:5px;}
.suibianDL_left img{width:18%;float:left;margin-right:5px;margin-top:3px;}
.suibianDL_left h5{font-size:15px;color:#00b893;float:left;width:100px;}
.suibianDL_left p{font-size:12px;color:#00b893;float:left;width:130px;}

.suibianDL_right{float:right;}
.suibianDL_right a{display:inline-block;width:90px;height:43px;text-align:center;line-height:43px;color:#00b893;}



.shareto{width:183px;height:163px;background:url(../images/shareto.png) center top no-repeat;background-size:183px auto;position:absolute;left:125px;top:10px;z-index:10;color:#ffea00;}
.shareto p{margin-left:10px;font-size:14px;}
.shareto p em{color:#fd8054;}
.shareto p:nth-of-type(1){margin-top:100px;font-size:12px;}
.shareto p:nth-of-type(2){}
.overlay{width:100%;height:100%;position:absolute;left:0px;bottom:0px;background:#111;z-index:9;opacity:0.85;filter:alpha(opacity=85);}